﻿<Page
    x:Class="Transitions.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Transitions"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid.RowDefinitions>
            <RowDefinition Height="120" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="120" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

        <TextBlock Grid.Column="1"
                   Style="{ThemeResource HeaderTextBlockStyle}"
                   VerticalAlignment="Center">
            Built-in Transitions
        </TextBlock>

        <Grid Grid.Row="1"
              Grid.Column="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>

            <Rectangle Grid.Column="1" Grid.RowSpan="6" Fill="#FF3A3A3A" />
            <Rectangle Grid.Column="3" Grid.Row="0" Grid.RowSpan="6" Fill="#FF3A3A3A" />
            <Rectangle Grid.Row="0" Grid.ColumnSpan="6" Grid.Column="0" Fill="#FF3A3A3A" />
            <Rectangle Grid.Row="3" Grid.ColumnSpan="6" Grid.Column="0" Fill="#FF3A3A3A" />

            <!-- row 1 -->
            
            <Button HorizontalAlignment="Stretch" Grid.Column="0" Margin="10" Click="Button_Click_0">Add Item</Button>
            <TextBlock TextAlignment="Center" Margin="10" Grid.Column="0" Grid.Row="1" FontSize="16">Default</TextBlock>
            <StackPanel HorizontalAlignment="Stretch" x:Name="ItemStack0" Grid.Row="2" Grid.Column="0">
                <StackPanel.ChildrenTransitions>
                    <TransitionCollection>
                        <!-- none -->
                    </TransitionCollection>
                </StackPanel.ChildrenTransitions>
            </StackPanel>

            <Button HorizontalAlignment="Stretch" Grid.Column="1" Margin="10" Click="Button_Click_1">Add Item</Button>
            <TextBlock TextAlignment="Center" Margin="10" Grid.Column="1" Grid.Row="1" FontSize="16">AddDeleteThemeTransition</TextBlock>
            <StackPanel HorizontalAlignment="Stretch" x:Name="ItemStack1" Grid.Row="2" Grid.Column="1">
                <StackPanel.ChildrenTransitions>
                    <TransitionCollection>
                        <!--<AddDeleteThemeTransition/>-->
                        <AddDeleteThemeTransition/>
                    </TransitionCollection>
                </StackPanel.ChildrenTransitions>
            </StackPanel>

            <Button HorizontalAlignment="Stretch" Grid.Column="2" Margin="10" Click="Button_Click_2">Add Item</Button>
            <TextBlock TextAlignment="Center" Margin="10" Grid.Column="2" Grid.Row="1" FontSize="16">RepositionThemeTransition</TextBlock>
            <StackPanel HorizontalAlignment="Stretch" x:Name="ItemStack2" Grid.Row="2" Grid.Column="2">
                <StackPanel.ChildrenTransitions>
                    <TransitionCollection>
                        <!--<RepositionThemeTransition/>-->
                        <RepositionThemeTransition/>
                    </TransitionCollection>
                </StackPanel.ChildrenTransitions>
            </StackPanel>

            <Button HorizontalAlignment="Stretch" Grid.Column="3" Margin="10" Click="Button_Click_3">Add Item</Button>
            <TextBlock TextAlignment="Center" Margin="10" Grid.Column="3" Grid.Row="1" FontSize="16">EdgeUIThemeTransition</TextBlock>
            <StackPanel HorizontalAlignment="Stretch" x:Name="ItemStack3" Grid.Row="2" Grid.Column="3">
                <StackPanel.ChildrenTransitions>
                    <TransitionCollection>
                        <!--<EdgeUIThemeTransition Edge="Right"/>-->
                        <EdgeUIThemeTransition Edge="Right"/>
                    </TransitionCollection>
                </StackPanel.ChildrenTransitions>
            </StackPanel>

            <Button HorizontalAlignment="Stretch" Grid.Column="4" Margin="10" Click="Button_Click_4">Add Item</Button>
            <TextBlock TextAlignment="Center" Margin="10" Grid.Column="4" Grid.Row="1" FontSize="16">EntranceThemeTransition</TextBlock>
            <StackPanel HorizontalAlignment="Stretch" x:Name="ItemStack4" Grid.Row="2" Grid.Column="4">
                <StackPanel.ChildrenTransitions>
                    <TransitionCollection>
                        <!--<EntranceThemeTransition/>-->
                        <!--<EntranceThemeTransition/>-->
                        <PaneThemeTransition/>
                    </TransitionCollection>
                </StackPanel.ChildrenTransitions>
            </StackPanel>

            <!-- row 2 -->

            <!--<Button HorizontalAlignment="Stretch" Grid.Column="0" Grid.Row="3" Margin="10" Click="Button_Click_10">Add Item</Button>
            <TextBlock TextAlignment="Center" Margin="10" Grid.Column="0" Grid.Row="4" FontSize="16">ContentThemeTransition</TextBlock>
            <StackPanel HorizontalAlignment="Stretch" x:Name="ItemStack10" Grid.Row="5" Grid.Column="0">
                <StackPanel.ChildrenTransitions>
                    <TransitionCollection>
                        <ContentThemeTransition/>
                    </TransitionCollection>
                </StackPanel.ChildrenTransitions>
            </StackPanel>

            <Button HorizontalAlignment="Stretch" Grid.Column="1" Grid.Row="3" Margin="10" Click="Button_Click_11">Add Item</Button>
            <TextBlock TextAlignment="Center" Margin="10" Grid.Column="1" Grid.Row="4" FontSize="16">PaneThemeTransition</TextBlock>
            <StackPanel HorizontalAlignment="Stretch" x:Name="ItemStack11" Grid.Row="5" Grid.Column="1">
                <StackPanel.ChildrenTransitions>
                    <TransitionCollection>
                        --><!--<AddDeleteThemeTransition/>--><!--
                        <PaneThemeTransition/>
                    </TransitionCollection>
                </StackPanel.ChildrenTransitions>
            </StackPanel>

            <Button HorizontalAlignment="Stretch" Grid.Column="2" Grid.Row="3" Margin="10" Click="Button_Click_12">Add Item</Button>
            <TextBlock TextAlignment="Center" Margin="10" Grid.Column="2" Grid.Row="4" FontSize="16">PopupThemeTransition</TextBlock>
            <StackPanel HorizontalAlignment="Stretch" x:Name="ItemStack12" Grid.Row="5" Grid.Column="2">
                <StackPanel.ChildrenTransitions>
                    <TransitionCollection>
                        --><!--<RepositionThemeTransition/>--><!--
                        <PopupThemeTransition/>
                    </TransitionCollection>
                </StackPanel.ChildrenTransitions>
            </StackPanel>

            <Button HorizontalAlignment="Stretch" Grid.Column="3" Grid.Row="3" Margin="10" Click="Button_Click_13">Add Item</Button>
            <TextBlock TextAlignment="Center" Margin="10" Grid.Column="3" Grid.Row="4" FontSize="16">ReorderThemeTransition</TextBlock>
            <StackPanel HorizontalAlignment="Stretch" x:Name="ItemStack13" Grid.Row="5" Grid.Column="3">
                <StackPanel.ChildrenTransitions>
                    <TransitionCollection>
                        --><!--<EdgeUIThemeTransition Edge="Right"/>--><!--
                        <ReorderThemeTransition/>
                    </TransitionCollection>
                </StackPanel.ChildrenTransitions>
            </StackPanel>-->

            <!--<Button HorizontalAlignment="Stretch" Grid.Column="4" Grid.Row="3"  Margin="10" Click="Button_Click_14">Add Item</Button>
            <TextBlock TextAlignment="Center" Margin="10" Grid.Column="4" Grid.Row="4" FontSize="16">EntranceThemeTransition</TextBlock>
            <StackPanel HorizontalAlignment="Stretch" x:Name="ItemStack14" Grid.Row="5" Grid.Column="4">
                <StackPanel.ChildrenTransitions>
                    <TransitionCollection>
                        --><!--<EntranceThemeTransition/>-->
                        <!--<EntranceThemeTransition/>--><!--
                        <PaneThemeTransition/>
                    </TransitionCollection>
                </StackPanel.ChildrenTransitions>
            </StackPanel>-->
        </Grid>
    </Grid>
</Page>